﻿@model IList<Project_2._2.Models.DichVuThueXe>

@using Project_2._2.Models;       

@{
    ViewBag.Title = "Trang Chủ";
    Layout = "~/Views/Shared/_UserLayoutPage.cshtml";
}

@* ToolTip *@
<script type="text/javascript">

    function dotooltip(hinh) {
        document.getElementById("hinh").src = hinh;
        document.getElementById("ToolTip").style.visibility = "visible";
    };
    document.onmousemove = function (e) {
        if (e == null)//neu la IE hoac chrome
        {
            mx = event.pageX;
            my = event.pageY;
        }
        else // firefox hoac operrator
        {
            mx = e.clientX;
            my = e.clientY;
        }
        div_tt = document.getElementById("ToolTip").style;
        if (mx > 880)
        { div_tt.left = (mx - 460) + "px"; }
        else
        { div_tt.left = (mx + 10) + "px"; }
        if(my > 300)
            div_tt.top = (my - 300) + "px";
        else
            div_tt.top = (my - 100) + "px";
    }
    function hide() {
        document.getElementById("ToolTip").style.visibility = "hidden";
    };
</script>
<!-- ToolTip san pham --->
<div id="ToolTip" style="width:auto ; height:auto; border:2px solid red; position:fixed; z-index:999; border-radius:10px; visibility:hidden">
    <img id="hinh" width="450" />    
</div>
@*  end ToolTip   *@



@*   Accordion tab JqueryUI *@
<link href="~/Content/Jquery%20Css/jquery-ui.css" rel="stylesheet" />
<script src="~/Script/Jquery%20Js/jquery-ui.js"></script>
<script>
    $(function () {
        $("#accordion").accordion({
            heightStyle: "content"
        });
        
        @* cuon len moi khi click *@
        @*
        
        
        $('#According-header3').click(function () {
            $('body,html').animate({ scrollTop: 500 }, 800);
        });
        $('#According-header4').click(function () {
            $('body,html').animate({ scrollTop: 600 }, 800);
        });
        $('#According-header5').click(function () {
            $('body,html').animate({ scrollTop: 700 }, 800);
        });
        $('#According-header6').click(function () {
            $('body,html').animate({ scrollTop: 800 }, 800);
        });
        *@
    });
</script>

@for ( int i = 0, top = 300; i <= Model.Count; i++ )
    {
        <script type="text/javascript">
            $(function () {
                $('#According-header_@i').click(function () {
                    $('body,html').animate({ scrollTop: @top }, 800);			     
                });
            });
        </script>
 top+= 100;
		}       


<div id="accordion" style="margin:-10px 0 0 0">        
    @{
        QuanLyThueXeEntities db = new QuanLyThueXeEntities();
        
    }
    @for (int i = 0; i < Model.Count; i++)
	{	
        
        
       
        
        <div id="According-header_@i" style="line-height: 24px;padding-left: 115px;margin-top: 20px; background: url('../Images/UserDesign/bg_right.png') repeat-x;border: 2px solid #cfcfcf;">
            <span style="text-transform:uppercase; font-weight:bold; color:#ffffff; font-family:Tahoma; font-size:14px">@Model[i].TenDichVu</span>
        
            <div class="According-header-logo"></div>
        </div>
        <div class="ContentRight-child-body Box_sp" style="width:99.5%; background-color: #ffffff; border: 2px solid #cfcfcf; z-index: 3; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; border-top: none; margin:0 ; padding:0 ">
            
            @{
                    // load du lieu xe
                    int a = Model[i].DichVuId;
                    var car = (from xe in db.Xes join gia in db.GiaXes on xe.XeId equals gia.XeId 
                                                 join tHieu in db.ThuongHieux on xe.ThuongHieuId equals tHieu.ThuongHieuId 
                                                            join Loai in db.LoaiXes on xe.LoaiXeId equals Loai.LoaiXeId
                                                            where gia.DichVuId == a 
                                                            select new {
                                                                id = xe.XeId,
                                                                name = xe.TenXe ,
                                                                THieu = tHieu.TenThuongHieu,
                                                                DoiXe=xe.DoiXe,
                                                                Color = xe.MauXe,
                                                                loai = Loai.TenLoaiXe,
                                                                Gia = gia.Gia,
                                                                hinh= xe.HinhAnhDaiDien
                                                            }).Take(8).ToList();                
        
                
            }
             @if (car != null)                 
            {
                for (int j = 0; j < car.Count; j++)
                {
                     if( j % 2 == 0)
                     { 
                         <div class="sp">
                            <div class="sp_name">@car[j].name</div>
                            <div>
                                <div>
                                    <img src="~/Images/Cars/@car[j].hinh"  style="cursor:pointer" width="160" height="110" onmouseover="dotooltip('../Images/Cars/@car[j].hinh')" onmouseout="hide()" />
                                </div>
                                <div class="sp_detail">
                                    Hiệu : @car[j].THieu<br />
                                    Dòng xe: Civic<br />
                                    Đời xe : @car[j].DoiXe <br />
                                    Kiểu xe : @car[j].loai<br />
                                    Màu xe : @car[j].Color<br />
                                    Giá thuê tháng :<span> @string.Format("{0:#,### đ}", car[j].Gia)</span><br />

                                </div>
                                <div style="clear:right"></div>
                                <div style="text-align:center; margin-bottom:10px">
                                    <input type="button" value="Đặt Xe" class="Button" style=" margin-top:5px" />
                                    <a href="@Url.Action("ChiTiet", "Xe", new {  id = car[j].id})" style="font-size:13px; text-decoration:none; padding-top:5px" class="Button">Xem Chi tiết</a>
                                </div>
                            </div>
                        </div>
                     }
                    else
                     { 
                        <div class="sp-left">
                            <div class="sp_name">@car[j].name</div>
                            <div>
                                <div>
                                    <img src="~/Images/Cars/@car[j].hinh" style="cursor:pointer" width="160" height="110" onmouseover="dotooltip('../Images/Cars/@car[j].hinh')" onmouseout="    hide()" />
                                </div>
                                <div class="sp_detail">
                                    Hiệu : @car[j].THieu<br />
                                    Dòng xe: Civic<br />
                                    Đời xe : @car[j].DoiXe <br />
                                    Kiểu xe : @car[j].loai<br />
                                    Màu xe : @car[j].Color<br />
                                    Giá thuê tháng :<span> @string.Format("{0:#,### đ}", car[j].Gia)</span><br />

                                </div>
                                <div style="clear:right"></div>
                                <div style="text-align:center; margin-bottom:10px">
                                    <input type="button" value="Đặt Xe" class="Button" style=" margin-top:5px" />
                                    <a href="@Url.Action("ChiTiet", "Xe", new {  id = car[j].id})" style="font-size:13px; text-decoration:none; margin-top:5px" class="Button">Xem Chi tiết</a>
                                </div>
                            </div>
                        </div>
                        <div style="clear:both"></div>
                    }
                }
            }
            @*<div class="sp">
                <div class="sp_name">Xe CiVic 5 chổ</div>
                <div>
                    <div>
                        <img src="~/Images/Cars/honda-civic.jpg" style="cursor:pointer" width="160" onmouseover="dotooltip('../Images/Cars/honda-civic.jpg')" onmouseout="hide()" />
                    </div>
                    <div class="sp_detail">
                        Hiệu : Honda<br />
                        Dòng xe: Civic<br />
                        Đời xe : 2008 -2012 <br />
                        Kiểu xe : 05 chỗ<br />
                        Màu xe : Đen - Trắng<br />
                        Giá thuê tháng :<span> 23.000.000đ</span><br />

                    </div>
                    <div style="clear:right"></div>
                    <div style="text-align:center; margin-bottom:10px">
                        <input type="button" value="Đặt Xe" class="Button" style=" margin-top:5px" />
                        <a href="#" style="font-size:13px; text-decoration:none; margin-top:5px" class="Button">Xem Chi tiết</a>
                    </div>
                </div>
            </div>

            <div class="sp-left">
                <div class="sp_name">Xe CiVic 5 chổ</div>
                <div>
                    <div>
                        <img src="~/Images/Cars/honda-civic.jpg" style="cursor:pointer" width="160" onmouseover="dotooltip('../Images/Cars/honda-civic.jpg')" onmouseout="hide()" />
                    </div>
                    <div class="sp_detail">
                        Hiệu : Honda<br />
                        Dòng xe: Civic<br />
                        Đời xe : 2008 -2012<br />
                        Kiểu xe : 05 chỗ<br />
                        Màu xe : Đen - Trắng<br />
                        Giá thuê tháng :<span> 23.000.000đ</span><br />

                    </div>
                    <div style="clear:right"></div>
                    <div style="text-align:center; margin-bottom:10px">
                        <input type="button" value="Đặt Xe" class="Button" style=" margin-top:5px" />
                        <a href="#" style="font-size:13px; text-decoration:none; margin-top:5px" class="Button">Xem Chi tiết</a>
                    </div>
                </div>
            </div>
            <div style="clear:both"></div>

            <div class="sp">
                <div class="sp_name">Xe CiVic 5 chổ</div>
                <div>
                    <div>
                        <img src="~/Images/Cars/honda-civic.jpg" style="cursor:pointer" width="160" onmouseover="dotooltip('../Images/Cars/honda-civic.jpg')" onmouseout="hide()" />
                    </div>
                    <div class="sp_detail">
                        Hiệu : Honda<br />
                        Dòng xe: Civic<br />
                        Đời xe : 2008 -2012 <br />
                        Kiểu xe : 05 chỗ<br />
                        Màu xe : Đen - Trắng<br />
                        Giá thuê tháng :<span> 23.000.000đ</span><br />

                    </div>
                    <div style="clear:right"></div>
                    <div style="text-align:center; margin-bottom:10px">
                        <input type="button" value="Đặt Xe" class="Button" style=" margin-top:5px" />
                        <a href="#" style="font-size:13px; text-decoration:none; margin-top:5px" class="Button">Xem Chi tiết</a>
                    </div>
                </div>
            </div>

            <div class="sp-left">
                <div class="sp_name">Xe CiVic 5 chổ</div>
                <div>
                    <div>
                        <img src="~/Images/Cars/honda-civic.jpg" style="cursor:pointer" width="160" onmouseover="dotooltip('../Images/Cars/honda-civic.jpg')" onmouseout="hide()" />
                    </div>
                    <div class="sp_detail">
                        Hiệu : Honda<br />
                        Dòng xe: Civic<br />
                        Đời xe : 2008 -2012<br />
                        Kiểu xe : 05 chỗ<br />
                        Màu xe : Đen - Trắng<br />
                        Giá thuê tháng :<span> 23.000.000đ</span><br />

                    </div>
                    <div style="clear:right"></div>
                    <div style="text-align:center; margin-bottom:10px">
                        <input type="button" value="Đặt Xe" class="Button" style=" margin-top:5px" />
                        <a href="#" style="font-size:13px; text-decoration:none; margin-top:5px" class="Button">Xem Chi tiết</a>
                    </div>
                </div>
            </div>
            <div style="clear:both"></div>

            <div class="sp">
                <div class="sp_name">Xe CiVic 5 chổ</div>
                <div>
                    <div>
                        <img src="~/Images/Cars/honda-civic.jpg" style="cursor:pointer" width="160" onmouseover="dotooltip('../Images/Cars/honda-civic.jpg')" onmouseout="hide()" />
                    </div>
                    <div class="sp_detail">
                        Hiệu : Honda<br />
                        Dòng xe: Civic<br />
                        Đời xe : 2008 -2012 <br />
                        Kiểu xe : 05 chỗ<br />
                        Màu xe : Đen - Trắng<br />
                        Giá thuê tháng :<span> 23.000.000đ</span><br />

                    </div>
                    <div style="clear:right"></div>
                    <div style="text-align:center; margin-bottom:10px">
                        <input type="button" value="Đặt Xe" class="Button" style=" margin-top:5px" />
                        <a href="#" style="font-size:13px; text-decoration:none; margin-top:5px" class="Button">Xem Chi tiết</a>
                    </div>
                </div>
            </div>

            <div class="sp-left">
                <div class="sp_name">Xe CiVic 5 chổ</div>
                <div>
                    <div>
                        <img src="~/Images/Cars/honda-civic.jpg" style="cursor:pointer" width="160" onmouseover="dotooltip('../Images/Cars/honda-civic.jpg')" onmouseout="hide()" />
                    </div>
                    <div class="sp_detail">
                        Hiệu : Honda<br />
                        Dòng xe: Civic<br />
                        Đời xe : 2008 -2012<br />
                        Kiểu xe : 05 chỗ<br />
                        Màu xe : Đen - Trắng<br />
                        Giá thuê tháng :<span> 23.000.000đ</span><br />

                    </div>
                    <div style="clear:right"></div>
                    <div style="text-align:center; margin-bottom:10px">
                        <input type="button" value="Đặt Xe" class="Button" style=" margin-top:5px" />
                        <a href="#" style="font-size:13px; text-decoration:none; margin-top:5px" class="Button">Xem Chi tiết</a>
                    </div>
                </div>
            </div>
            <div style="clear:both"></div>*@

            <a href="../xem tat ca" style="float:right ; margin-right:30px; font-size:13px; text-transform:none; padding:5px 0 10px 0; text-decoration:underline">Xem tất cả &raquo;</a>
        </div>  
        
    }
    

    <div id="According-header_@Model.Count" style="line-height:24px; padding-left:115px; margin-top:20px;background :url('../Images/UserDesign/bg_right.png') repeat-x;border:2px solid #cfcfcf;">
        <span style="text-transform:uppercase; font-weight:bold; color:#ffffff; font-family:Tahoma; font-size:14px">tin tức về xe mới nhất</span>
        <div class="According-header-logo"></div>
    </div>
    <div class="ContentRight-child-body Box_sp" style="width:99.5%; background-color: #ffffff; border: 2px solid #cfcfcf; z-index: 3; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; border-top: none; margin:0 ; padding:0 ">
        <div class="sp">
            <div class="sp_name">Xe CiVic 5 chổ</div>
            <div>
                <div>
                    <img src="~/Images/Cars/honda-civic.jpg" style="cursor:pointer" width="160" onmouseover="dotooltip('../Images/Cars/honda-civic.jpg')" onmouseout="hide()" />
                </div>
                <div class="sp_detail">
                    Hiệu : Honda<br />
                    Dòng xe: Civic<br />
                    Đời xe : 2008 -2012 <br />
                    Kiểu xe : 05 chỗ<br />
                    Màu xe : Đen - Trắng<br />
                    Giá thuê tháng :<span> 23.000.000đ</span><br />

                </div>
                <div style="clear:right"></div>
                <div style="text-align:center; margin-bottom:10px">
                    <input type="button" value="Đặt Xe" class="Button" style=" margin-top:5px" />
                    <a href="#" style="font-size:13px; text-decoration:none; margin-top:5px" class="Button">Xem Chi tiết</a>
                </div>
            </div>
        </div>

        <div class="sp-left">
            <div class="sp_name">Xe CiVic 5 chổ</div>
            <div>
                <div>
                    <img src="~/Images/Cars/honda-civic.jpg" style="cursor:pointer" width="160" onmouseover="dotooltip('../Images/Cars/honda-civic.jpg')" onmouseout="hide()" />
                </div>
                <div class="sp_detail">
                    Hiệu : Honda<br />
                    Dòng xe: Civic<br />
                    Đời xe : 2008 -2012<br />
                    Kiểu xe : 05 chỗ<br />
                    Màu xe : Đen - Trắng<br />
                    Giá thuê tháng :<span> 23.000.000đ</span><br />

                </div>
                <div style="clear:right"></div>
                <div style="text-align:center; margin-bottom:10px">
                    <input type="button" value="Đặt Xe" class="Button" style=" margin-top:5px" />
                    <a href="#" style="font-size:13px; text-decoration:none; margin-top:5px" class="Button">Xem Chi tiết</a>
                </div>
            </div>
        </div>
        <div style="clear:both"></div>

        <div class="sp">
            <div class="sp_name">Xe CiVic 5 chổ</div>
            <div>
                <div>
                    <img src="~/Images/Cars/honda-civic.jpg" style="cursor:pointer" width="160" onmouseover="dotooltip('../Images/Cars/honda-civic.jpg')" onmouseout="hide()" />
                </div>
                <div class="sp_detail">
                    Hiệu : Honda<br />
                    Dòng xe: Civic<br />
                    Đời xe : 2008 -2012 <br />
                    Kiểu xe : 05 chỗ<br />
                    Màu xe : Đen - Trắng<br />
                    Giá thuê tháng :<span> 23.000.000đ</span><br />

                </div>
                <div style="clear:right"></div>
                <div style="text-align:center; margin-bottom:10px">
                    <input type="button" value="Đặt Xe" class="Button" style=" margin-top:5px" />
                    <a href="#" style="font-size:13px; text-decoration:none; margin-top:5px" class="Button">Xem Chi tiết</a>
                </div>
            </div>
        </div>

        <div class="sp-left">
            <div class="sp_name">Xe CiVic 5 chổ</div>
            <div>
                <div>
                    <img src="~/Images/Cars/honda-civic.jpg" style="cursor:pointer" width="160" onmouseover="dotooltip('../Images/Cars/honda-civic.jpg')" onmouseout="hide()" />
                </div>
                <div class="sp_detail">
                    Hiệu : Honda<br />
                    Dòng xe: Civic<br />
                    Đời xe : 2008 -2012<br />
                    Kiểu xe : 05 chỗ<br />
                    Màu xe : Đen - Trắng<br />
                    Giá thuê tháng :<span> 23.000.000đ</span><br />

                </div>
                <div style="clear:right"></div>
                <div style="text-align:center; margin-bottom:10px">
                    <input type="button" value="Đặt Xe" class="Button" style=" margin-top:5px" />
                    <a href="#" style="font-size:13px; text-decoration:none; margin-top:5px" class="Button">Xem Chi tiết</a>
                </div>
            </div>
        </div>
        <div style="clear:both"></div>

        <div class="sp">
            <div class="sp_name">Xe CiVic 5 chổ</div>
            <div>
                <div>
                    <img src="~/Images/Cars/honda-civic.jpg" style="cursor:pointer" width="160" onmouseover="dotooltip('../Images/Cars/honda-civic.jpg')" onmouseout="hide()" />
                </div>
                <div class="sp_detail">
                    Hiệu : Honda<br />
                    Dòng xe: Civic<br />
                    Đời xe : 2008 -2012 <br />
                    Kiểu xe : 05 chỗ<br />
                    Màu xe : Đen - Trắng<br />
                    Giá thuê tháng :<span> 23.000.000đ</span><br />

                </div>
                <div style="clear:right"></div>
                <div style="text-align:center; margin-bottom:10px">
                    <input type="button" value="Đặt Xe" class="Button" style=" margin-top:5px" />
                    <a href="#" style="font-size:13px; text-decoration:none; margin-top:5px" class="Button">Xem Chi tiết</a>
                </div>
            </div>
        </div>

        <div class="sp-left">
            <div class="sp_name">Xe CiVic 5 chổ</div>
            <div>
                <div>
                    <img src="~/Images/Cars/honda-civic.jpg" style="cursor:pointer" width="160" onmouseover="dotooltip('../Images/Cars/honda-civic.jpg')" onmouseout="hide()" />
                </div>
                <div class="sp_detail">
                    Hiệu : Honda<br />
                    Dòng xe: Civic<br />
                    Đời xe : 2008 -2012<br />
                    Kiểu xe : 05 chỗ<br />
                    Màu xe : Đen - Trắng<br />
                    Giá thuê tháng :<span> 23.000.000đ</span><br />

                </div>
                <div style="clear:right"></div>
                <div style="text-align:center; margin-bottom:10px">
                    <input type="button" value="Đặt Xe" class="Button" style=" margin-top:5px" />
                    <a href="#" style="font-size:13px; text-decoration:none; margin-top:5px" class="Button">Xem Chi tiết</a>
                </div>
            </div>
        </div>
        <div style="clear:both"></div>

        <div class="sp">
            <div class="sp_name">Xe CiVic 5 chổ</div>
            <div>
                <div>
                    <img src="~/Images/Cars/honda-civic.jpg" style="cursor:pointer" width="160" onmouseover="dotooltip('../Images/Cars/honda-civic.jpg')" onmouseout="hide()" />
                </div>
                <div class="sp_detail">
                    Hiệu : Honda<br />
                    Dòng xe: Civic<br />
                    Đời xe : 2008 -2012 <br />
                    Kiểu xe : 05 chỗ<br />
                    Màu xe : Đen - Trắng<br />
                    Giá thuê tháng :<span> 23.000.000đ</span><br />

                </div>
                <div style="clear:right"></div>
                <div style="text-align:center; margin-bottom:10px">
                    <input type="button" value="Đặt Xe" class="Button" style=" margin-top:5px" />
                    <a href="#" style="font-size:13px; text-decoration:none; margin-top:5px" class="Button">Xem Chi tiết</a>
                </div>
            </div>
        </div>

        <div class="sp-left">
            <div class="sp_name">Xe CiVic 5 chổ</div>
            <div>
                <div>
                    <img src="~/Images/Cars/honda-civic.jpg" style="cursor:pointer" width="160" onmouseover="dotooltip('../Images/Cars/honda-civic.jpg')" onmouseout="hide()" />
                </div>
                <div class="sp_detail">
                    Hiệu : Honda<br />
                    Dòng xe: Civic<br />
                    Đời xe : 2008 -2012<br />
                    Kiểu xe : 05 chỗ<br />
                    Màu xe : Đen - Trắng<br />
                    Giá thuê tháng :<span> 23.000.000đ</span><br />

                </div>
                <div style="clear:right"></div>
                <div style="text-align:center; margin-bottom:10px">
                    <input type="button" value="Đặt Xe" class="Button" style=" margin-top:5px" />
                    <a href="#" style="font-size:13px; text-decoration:none; margin-top:5px" class="Button">Xem Chi tiết</a>
                </div>
            </div>
        </div>
        <div style="clear:both"></div>

        <a href="../xem tat ca" style="float:right ; margin-right:30px; font-size:13px; text-transform:none; padding:5px 0 10px 0; text-decoration:underline">Xem tất cả &raquo;</a>
    </div>
    @* *@
</div>






@*
<div class="ContentLeft-child">
    <div class="ContentRight-child-head"><a href="#">Thuê Xe Tháng</a> <a href="#" style="float:right ; margin-right:30px; font-size:13px; text-transform:none">Xem tất cả &raquo;</a></div>
    <div class="ContentRight-child-logo"></div>
    <div class="ContentRight-child-body Box_sp" >
        <div class="sp">
            <div class="sp_name">Xe CiVic 5 chổ</div>
            <div>
                <div>
                    <img src="~/Images/Cars/honda-civic.jpg" style="cursor:pointer" width="160" onmouseover="dotooltip('../Images/Cars/honda-civic.jpg')" onmouseout="hide()" />
                </div>
                <div class="sp_detail">
                    Hiệu : Honda<br />
                    Dòng xe: Civic<br />
                    Đời xe : 2008 -2012 <br />
                    Kiểu xe : 05 chỗ<br />
                    Màu xe : Đen - Trắng<br />
                    Giá thuê tháng :<span> 23.000.000đ</span><br />

                </div>
                <div style="clear:right"></div>
                <div style="text-align:center; margin-bottom:10px">
                    <input type="button" value="Đặt Xe" class="Button" style=" margin-top:5px" />
                    <a href="#" style="font-size:13px; text-decoration:none; margin-top:5px" class="Button">Xem Chi tiết</a>
                </div>
            </div>
        </div>

        <div class="sp-left">
            <div class="sp_name">Xe CiVic 5 chổ</div>
            <div>
                <div>
                    <img src="~/Images/Cars/honda-civic.jpg" style="cursor:pointer" width="160" onmouseover="dotooltip('../Images/Cars/honda-civic.jpg')" onmouseout="hide()" />
                </div>
                <div class="sp_detail">
                    Hiệu : Honda<br />
                    Dòng xe: Civic<br />
                    Đời xe : 2008 -2012<br />
                    Kiểu xe : 05 chỗ<br />
                    Màu xe : Đen - Trắng<br />
                    Giá thuê tháng :<span> 23.000.000đ</span><br />

                </div>
                <div style="clear:right"></div>
                <div style="text-align:center; margin-bottom:10px">
                    <input type="button" value="Đặt Xe" class="Button" style=" margin-top:5px" />
                    <a href="#" style="font-size:13px; text-decoration:none; margin-top:5px" class="Button">Xem Chi tiết</a>
                </div>
            </div>
        </div>
        <div style="clear:both"></div>

        <div class="sp">
            <div class="sp_name">Xe CiVic 5 chổ</div>
            <div>
                <div>
                    <img src="~/Images/Cars/honda-civic.jpg" style="cursor:pointer" width="160" onmouseover="dotooltip('../Images/Cars/honda-civic.jpg')" onmouseout="hide()" />
                </div>
                <div class="sp_detail">
                    Hiệu : Honda<br />
                    Dòng xe: Civic<br />
                    Đời xe : 2008 -2012 <br />
                    Kiểu xe : 05 chỗ<br />
                    Màu xe : Đen - Trắng<br />
                    Giá thuê tháng :<span> 23.000.000đ</span><br />

                </div>
                <div style="clear:right"></div>
                <div style="text-align:center; margin-bottom:10px">
                    <input type="button" value="Đặt Xe" class="Button" style=" margin-top:5px" />
                    <a href="#" style="font-size:13px; text-decoration:none; margin-top:5px" class="Button">Xem Chi tiết</a>
                </div>
            </div>
        </div>

        <div class="sp-left">
            <div class="sp_name">Xe CiVic 5 chổ</div>
            <div>
                <div>
                    <img src="~/Images/Cars/honda-civic.jpg" style="cursor:pointer" width="160" onmouseover="dotooltip('../Images/Cars/honda-civic.jpg')" onmouseout="hide()" />
                </div>
                <div class="sp_detail">
                    Hiệu : Honda<br />
                    Dòng xe: Civic<br />
                    Đời xe : 2008 -2012<br />
                    Kiểu xe : 05 chỗ<br />
                    Màu xe : Đen - Trắng<br />
                    Giá thuê tháng :<span> 23.000.000đ</span><br />

                </div>
                <div style="clear:right"></div>
                <div style="text-align:center; margin-bottom:10px">
                    <input type="button" value="Đặt Xe" class="Button" style=" margin-top:5px" />
                    <a href="#" style="font-size:13px; text-decoration:none; margin-top:5px" class="Button">Xem Chi tiết</a>
                </div>
            </div>
        </div>
        <div style="clear:both"></div>

    </div>
</div>

<div class="ContentLeft-child">
    <div class="ContentRight-child-head"><a href="#">Thuê Xe du lịch</a><a href="#" style="float:right ; margin-right:30px; font-size:13px; text-transform:none">Xem tất cả &raquo;</a></div>
    <div class="ContentRight-child-logo"></div>
    <div class="ContentRight-child-body Box_sp">
        <div class="sp">
            <div class="sp_name">Xe CiVic 5 chổ</div>
            <div>
                <div>
                    <img src="~/Images/Cars/honda-civic.jpg" style="cursor:pointer" width="160" onmouseover="dotooltip('../Images/Cars/honda-civic.jpg')" onmouseout="hide()" />
                </div>
                <div class="sp_detail">
                    Hiệu : Honda<br />
                    Dòng xe: Civic<br />
                    Đời xe : 2008 -2012 <br />
                    Kiểu xe : 05 chỗ<br />
                    Màu xe : Đen - Trắng<br />
                    Giá thuê tháng :<span> 23.000.000đ</span><br />

                </div>
                <div style="clear:right"></div>
                <div style="text-align:center; margin-bottom:10px">
                    <input type="button" value="Đặt Xe" class="Button" style=" margin-top:5px" />
                    <a href="#" style="font-size:13px; text-decoration:none; margin-top:5px" class="Button">Xem Chi tiết</a>
                </div>
            </div>
        </div>

        <div class="sp-left">
            <div class="sp_name">Xe CiVic 5 chổ</div>
            <div>
                <div>
                    <img src="~/Images/Cars/honda-civic.jpg" style="cursor:pointer" width="160" onmouseover="dotooltip('../Images/Cars/honda-civic.jpg')" onmouseout="hide()" />
                </div>
                <div class="sp_detail">
                    Hiệu : Honda<br />
                    Dòng xe: Civic<br />
                    Đời xe : 2008 -2012<br />
                    Kiểu xe : 05 chỗ<br />
                    Màu xe : Đen - Trắng<br />
                    Giá thuê tháng :<span> 23.000.000đ</span><br />

                </div>
                <div style="clear:right"></div>
                <div style="text-align:center; margin-bottom:10px">
                    <input type="button" value="Đặt Xe" class="Button" style=" margin-top:5px" />
                    <a href="#" style="font-size:13px; text-decoration:none; margin-top:5px" class="Button">Xem Chi tiết</a>
                </div>
            </div>
        </div>
        <div style="clear:both"></div>

        <div class="sp">
            <div class="sp_name">Xe CiVic 5 chổ</div>
            <div>
                <div>
                    <img src="~/Images/Cars/honda-civic.jpg" style="cursor:pointer" width="160" onmouseover="dotooltip('../Images/Cars/honda-civic.jpg')" onmouseout="hide()" />
                </div>
                <div class="sp_detail">
                    Hiệu : Honda<br />
                    Dòng xe: Civic<br />
                    Đời xe : 2008 -2012 <br />
                    Kiểu xe : 05 chỗ<br />
                    Màu xe : Đen - Trắng<br />
                    Giá thuê tháng :<span> 23.000.000đ</span><br />

                </div>
                <div style="clear:right"></div>
                <div style="text-align:center; margin-bottom:10px">
                    <input type="button" value="Đặt Xe" class="Button" style=" margin-top:5px" />
                    <a href="#" style="font-size:13px; text-decoration:none; margin-top:5px" class="Button">Xem Chi tiết</a>
                </div>
            </div>
        </div>

        <div class="sp-left">
            <div class="sp_name">Xe CiVic 5 chổ</div>
            <div>
                <div>
                    <img src="~/Images/Cars/honda-civic.jpg" style="cursor:pointer" width="160" onmouseover="dotooltip('../Images/Cars/honda-civic.jpg')" onmouseout="hide()" />
                </div>
                <div class="sp_detail">
                    Hiệu : Honda<br />
                    Dòng xe: Civic<br />
                    Đời xe : 2008 -2012<br />
                    Kiểu xe : 05 chỗ<br />
                    Màu xe : Đen - Trắng<br />
                    Giá thuê tháng :<span> 23.000.000đ</span><br />

                </div>
                <div style="clear:right"></div>
                <div style="text-align:center; margin-bottom:10px">
                    <input type="button" value="Đặt Xe" class="Button" style=" margin-top:5px" />
                    <a href="#" style="font-size:13px; text-decoration:none; margin-top:5px" class="Button">Xem Chi tiết</a>
                </div>
            </div>
        </div>
        <div style="clear:both"></div>
    </div>
</div>

<div class="ContentLeft-child">
    <div class="ContentRight-child-head"><a href="#">Thuê Xe đám cưới</a><a href="#" style="float:right ; margin-right:30px; font-size:13px; text-transform:none">Xem tất cả &raquo;</a></div>
    <div class="ContentRight-child-logo"></div>
    <div class="ContentRight-child-body Box_sp">
        <div class="sp">
            <div class="sp_name">Xe CiVic 5 chổ</div>
            <div>
                <div>
                    <img src="~/Images/Cars/honda-civic.jpg" style="cursor:pointer" width="160" onmouseover="dotooltip('../Images/Cars/honda-civic.jpg')" onmouseout="hide()" />
                </div>
                <div class="sp_detail">
                    Hiệu : Honda<br />
                    Dòng xe: Civic<br />
                    Đời xe : 2008 -2012 <br />
                    Kiểu xe : 05 chỗ<br />
                    Màu xe : Đen - Trắng<br />
                    Giá thuê tháng :<span> 23.000.000đ</span><br />

                </div>
                <div style="clear:right"></div>
                <div style="text-align:center; margin-bottom:10px">
                    <input type="button" value="Đặt Xe" class="Button" style=" margin-top:5px" />
                    <a href="#" style="font-size:13px; text-decoration:none; margin-top:5px" class="Button">Xem Chi tiết</a>
                </div>
            </div>
        </div>

        <div class="sp-left">
            <div class="sp_name">Xe CiVic 5 chổ</div>
            <div>
                <div>
                    <img src="~/Images/Cars/honda-civic.jpg" style="cursor:pointer" width="160" onmouseover="dotooltip('../Images/Cars/honda-civic.jpg')" onmouseout="hide()" />
                </div>
                <div class="sp_detail">
                    Hiệu : Honda<br />
                    Dòng xe: Civic<br />
                    Đời xe : 2008 -2012<br />
                    Kiểu xe : 05 chỗ<br />
                    Màu xe : Đen - Trắng<br />
                    Giá thuê tháng :<span> 23.000.000đ</span><br />

                </div>
                <div style="clear:right"></div>
                <div style="text-align:center; margin-bottom:10px">
                    <input type="button" value="Đặt Xe" class="Button" style=" margin-top:5px" />
                    <a href="#" style="font-size:13px; text-decoration:none; margin-top:5px" class="Button">Xem Chi tiết</a>
                </div>
            </div>
        </div>
        <div style="clear:both"></div>

        <div class="sp">
            <div class="sp_name">Xe CiVic 5 chổ</div>
            <div>
                <div>
                    <img src="~/Images/Cars/honda-civic.jpg" style="cursor:pointer" width="160" onmouseover="dotooltip('../Images/Cars/honda-civic.jpg')" onmouseout="hide()" />
                </div>
                <div class="sp_detail">
                    Hiệu : Honda<br />
                    Dòng xe: Civic<br />
                    Đời xe : 2008 -2012 <br />
                    Kiểu xe : 05 chỗ<br />
                    Màu xe : Đen - Trắng<br />
                    Giá thuê tháng :<span> 23.000.000đ</span><br />

                </div>
                <div style="clear:right"></div>
                <div style="text-align:center; margin-bottom:10px">
                    <input type="button" value="Đặt Xe" class="Button" style=" margin-top:5px" />
                    <a href="#" style="font-size:13px; text-decoration:none; margin-top:5px" class="Button">Xem Chi tiết</a>
                </div>
            </div>
        </div>

        <div class="sp-left">
            <div class="sp_name">Xe CiVic 5 chổ</div>
            <div>
                <div>
                    <img src="~/Images/Cars/honda-civic.jpg" style="cursor:pointer" width="160" onmouseover="dotooltip('../Images/Cars/honda-civic.jpg')" onmouseout="hide()" />
                </div>
                <div class="sp_detail">
                    Hiệu : Honda<br />
                    Dòng xe: Civic<br />
                    Đời xe : 2008 -2012<br />
                    Kiểu xe : 05 chỗ<br />
                    Màu xe : Đen - Trắng<br />
                    Giá thuê tháng :<span> 23.000.000đ</span><br />

                </div>
                <div style="clear:right"></div>
                <div style="text-align:center; margin-bottom:10px">
                    <input type="button" value="Đặt Xe" class="Button" style=" margin-top:5px" />
                    <a href="#" style="font-size:13px; text-decoration:none; margin-top:5px" class="Button">Xem Chi tiết</a>
                </div>
            </div>
        </div>
        <div style="clear:both"></div>
    </div>
</div>

<div class="ContentLeft-child">
    <div class="ContentRight-child-head"><a href="#">Thuê Xe đưa rước cán bộ - nhân viên</a> <a href="#" style="float:right ; margin-right:30px; font-size:13px; text-transform:none">Xem tất cả &raquo;</a></div>
    <div class="ContentRight-child-logo"></div>
    <div class="ContentRight-child-body Box_sp">
        <div class="sp">
            <div class="sp_name">Xe CiVic 5 chổ</div>
            <div>
                <div>
                    <img src="~/Images/Cars/honda-civic.jpg" style="cursor:pointer" width="160" onmouseover="dotooltip('../Images/Cars/honda-civic.jpg')" onmouseout="hide()" />
                </div>
                <div class="sp_detail">
                    Hiệu : Honda<br />
                    Dòng xe: Civic<br />
                    Đời xe : 2008 -2012 <br />
                    Kiểu xe : 05 chỗ<br />
                    Màu xe : Đen - Trắng<br />
                    Giá thuê tháng :<span> 23.000.000đ</span><br />

                </div>
                <div style="clear:right"></div>
                <div style="text-align:center; margin-bottom:10px">
                    <input type="button" value="Đặt Xe" class="Button" style=" margin-top:5px" />
                    <a href="#" style="font-size:13px; text-decoration:none; margin-top:5px" class="Button">Xem Chi tiết</a>
                </div>
            </div>
        </div>

        <div class="sp-left">
            <div class="sp_name">Xe CiVic 5 chổ</div>
            <div>
                <div>
                    <img src="~/Images/Cars/honda-civic.jpg" style="cursor:pointer" width="160" onmouseover="dotooltip('../Images/Cars/honda-civic.jpg')" onmouseout="hide()" />
                </div>
                <div class="sp_detail">
                    Hiệu : Honda<br />
                    Dòng xe: Civic<br />
                    Đời xe : 2008 -2012<br />
                    Kiểu xe : 05 chỗ<br />
                    Màu xe : Đen - Trắng<br />
                    Giá thuê tháng :<span> 23.000.000đ</span><br />

                </div>
                <div style="clear:right"></div>
                <div style="text-align:center; margin-bottom:10px">
                    <input type="button" value="Đặt Xe" class="Button" style=" margin-top:5px" />
                    <a href="#" style="font-size:13px; text-decoration:none; margin-top:5px" class="Button">Xem Chi tiết</a>
                </div>
            </div>
        </div>
        <div style="clear:both"></div>

        <div class="sp">
            <div class="sp_name">Xe CiVic 5 chổ</div>
            <div>
                <div>
                    <img src="~/Images/Cars/honda-civic.jpg" style="cursor:pointer" width="160" onmouseover="dotooltip('../Images/Cars/honda-civic.jpg')" onmouseout="hide()" />
                </div>
                <div class="sp_detail">
                    Hiệu : Honda<br />
                    Dòng xe: Civic<br />
                    Đời xe : 2008 -2012 <br />
                    Kiểu xe : 05 chỗ<br />
                    Màu xe : Đen - Trắng<br />
                    Giá thuê tháng :<span> 23.000.000đ</span><br />

                </div>
                <div style="clear:right"></div>
                <div style="text-align:center; margin-bottom:10px">
                    <input type="button" value="Đặt Xe" class="Button" style=" margin-top:5px" />
                    <a href="#" style="font-size:13px; text-decoration:none; margin-top:5px" class="Button">Xem Chi tiết</a>
                </div>
            </div>
        </div>

        <div class="sp-left">
            <div class="sp_name">Xe CiVic 5 chổ</div>
            <div>
                <div>
                    <img src="~/Images/Cars/honda-civic.jpg" style="cursor:pointer" width="160" onmouseover="dotooltip('../Images/Cars/honda-civic.jpg')" onmouseout="hide()" />
                </div>
                <div class="sp_detail">
                    Hiệu : Honda<br />
                    Dòng xe: Civic<br />
                    Đời xe : 2008 -2012<br />
                    Kiểu xe : 05 chỗ<br />
                    Màu xe : Đen - Trắng<br />
                    Giá thuê tháng :<span> 23.000.000đ</span><br />

                </div>
                <div style="clear:right"></div>
                <div style="text-align:center; margin-bottom:10px">
                    <input type="button" value="Đặt Xe" class="Button" style=" margin-top:5px" />
                    <a href="#" style="font-size:13px; text-decoration:none; margin-top:5px" class="Button">Xem Chi tiết</a>
                </div>
            </div>
        </div>
        <div style="clear:both"></div>
    </div>
</div>

<div class="ContentLeft-child">
    <div class="ContentRight-child-head"><a href="#">Tin tức về xe mới nhất</a> <a href="#" style="float:right ; margin-right:30px; font-size:13px; text-transform:none">Xem tất cả &raquo;</a></div>
    <div class="ContentRight-child-logo"></div>
    <div class="ContentRight-child-body Box_sp">
        <div class="sp">
            <div class="sp_name">Xe CiVic 5 chổ</div>
            <div>
                <div>
                    <img src="~/Images/Cars/honda-civic.jpg" style="cursor:pointer" width="160" onmouseover="dotooltip('../Images/Cars/honda-civic.jpg')" onmouseout="hide()" />
                </div>
                <div class="sp_detail">
                    Hiệu : Honda<br />
                    Dòng xe: Civic<br />
                    Đời xe : 2008 -2012 <br />
                    Kiểu xe : 05 chỗ<br />
                    Màu xe : Đen - Trắng<br />
                    Giá thuê tháng :<span> 23.000.000đ</span><br />

                </div>
                <div style="clear:right"></div>
                <div style="text-align:center; margin-bottom:10px">
                    <input type="button" value="Đặt Xe" class="Button" style=" margin-top:5px" />
                    <a href="#" style="font-size:13px; text-decoration:none; margin-top:5px" class="Button">Xem Chi tiết</a>
                </div>
            </div>
        </div>

        <div class="sp-left">
            <div class="sp_name">Xe CiVic 5 chổ</div>
            <div>
                <div>
                    <img src="~/Images/Cars/honda-civic.jpg" style="cursor:pointer" width="160" onmouseover="dotooltip('../Images/Cars/honda-civic.jpg')" onmouseout="hide()" />
                </div>
                <div class="sp_detail">
                    Hiệu : Honda<br />
                    Dòng xe: Civic<br />
                    Đời xe : 2008 -2012<br />
                    Kiểu xe : 05 chỗ<br />
                    Màu xe : Đen - Trắng<br />
                    Giá thuê tháng :<span> 23.000.000đ</span><br />

                </div>
                <div style="clear:right"></div>
                <div style="text-align:center; margin-bottom:10px">
                    <input type="button" value="Đặt Xe" class="Button" style=" margin-top:5px" />
                    <a href="#" style="font-size:13px; text-decoration:none; margin-top:5px" class="Button">Xem Chi tiết</a>
                </div>
            </div>
        </div>
        <div style="clear:both"></div>

        <div class="sp">
            <div class="sp_name">Xe CiVic 5 chổ</div>
            <div>
                <div>
                    <img src="~/Images/Cars/honda-civic.jpg" style="cursor:pointer" width="160" onmouseover="dotooltip('../Images/Cars/honda-civic.jpg')" onmouseout="hide()" />
                </div>
                <div class="sp_detail">
                    Hiệu : Honda<br />
                    Dòng xe: Civic<br />
                    Đời xe : 2008 -2012 <br />
                    Kiểu xe : 05 chỗ<br />
                    Màu xe : Đen - Trắng<br />
                    Giá thuê tháng :<span> 23.000.000đ</span><br />

                </div>
                <div style="clear:right"></div>
                <div style="text-align:center; margin-bottom:10px">
                    <input type="button" value="Đặt Xe" class="Button" style=" margin-top:5px" />
                    <a href="#" style="font-size:13px; text-decoration:none; margin-top:5px" class="Button">Xem Chi tiết</a>
                </div>
            </div>
        </div>

        <div class="sp-left">
            <div class="sp_name">Xe CiVic 5 chổ</div>
            <div>
                <div>
                    <img src="~/Images/Cars/honda-civic.jpg" style="cursor:pointer" width="160" onmouseover="dotooltip('../Images/Cars/honda-civic.jpg')" onmouseout="hide()" />
                </div>
                <div class="sp_detail">
                    Hiệu : Honda<br />
                    Dòng xe: Civic<br />
                    Đời xe : 2008 -2012<br />
                    Kiểu xe : 05 chỗ<br />
                    Màu xe : Đen - Trắng<br />
                    Giá thuê tháng :<span> 23.000.000đ</span><br />

                </div>
                <div style="clear:right"></div>
                <div style="text-align:center; margin-bottom:10px">
                    <input type="button" value="Đặt Xe" class="Button" style=" margin-top:5px" />
                    <a href="#" style="font-size:13px; text-decoration:none; margin-top:5px" class="Button">Xem Chi tiết</a>
                </div>
            </div>
        </div>
        <div style="clear:both"></div>
    </div>
</div>
*@
